// JavaScript Document

$(function(){
// 顶部区域加入移入事件
$('.center .right .ss').hover(function() {
	$(this).find('.jj').css({'background':'white'});
	$(this).find('.inter').stop().animate({'top':'-22px'}, 200);
	$(this).find('.hide_box').show();
}, function() {
	$(this).find('.jj').css({'background':'#F7F7F7'});
	$(this).find('.inter').stop().animate({'top':'0px'}, 200);
	$(this).find('.hide_box').hide();
});

// 会员区域
$('#top .vip').hover(function() {
	$(this).css({'background':'#B5171A'});
}, function() {
	$(this).css({'background':'#E4393C'});
});

// 关注京东
$('#top .guanzhu').hover(function() {
	$('#top .tiaoma').css({'display':'block'});
}, function() {
	$('#top .tiaoma').css({'display':'none'});
});

// 我的京东
$('.as ').hover(function() {
	$(this).find('.dd').css({'background':'white'});
	$(this).find('.ss').show();
	$(this).find('.sanj').css({'background':'url(images/2.png) no-repeat -111px -17px'});
}, function() {
	$(this).find('.dd').css({'background':'#F7F7F7'});
	$(this).find('.ss').hide();
	$(this).find('.sanj').css({'background':'url(images/2.png) no-repeat -112px 0px'});
});

$('#search .my_jd .zuo li').hover(function() {
	$(this).css({'background':'#F5F5F5'});
	$(this).find('a').css({'color':'#E4393C'});
}, function() {
	$(this).css({'background':'white','color':'#005EA7'});
	$(this).find('a').css({'color':'#005EA7'})
});













var c=0;
function autoRun(){

c++;
c=(c==6)?0:c;
// 让c号图片显示，兄弟图片隐藏
// //c号li变红，兄弟li变灰
$('#middle .logo1 img').eq(c).fadeIn(500).siblings('img').hide();
$('#middle .logo1 ul li').eq(c).css({'background':'#E4393C'}).siblings('li').css({'background':'#999'});			
}
 var re=setInterval(autoRun,2000);//设置一个定时器，每秒运行一次
// 给鼠标加入移入事件
$('#middle .logo1 ul li').mouseenter(function() {
	clearInterval(re);//清理定时器
	c = $(this).index();//获得鼠标移入的li的序号
	$('#middle .logo1 img').eq(c).fadeIn(500).siblings('img').hide();	// 让c号图片显示，兄弟图片隐藏
	$('#middle .logo1 ul li').eq(c).css({'background':'#E4393C'}).siblings('li').css({'background':'#999'});	//c号li变红，兄弟li变灰							

});

// 给鼠标加入移出事件
	
$('#middle .logo1 ul li').mouseleave(function() {
		re=setInterval(autoRun,1000);
		/* Act on the event */
	});

// 左侧耳机菜单区域
$('#middle .left .l').hover(function() {
	$(this).find('.box_hide').show();
	$(this).find('p').addClass('cur');
	
}, function() {
	$(this).find('.box_hide').hide();
	$(this).find('p').removeClass('cur')
	

});
// 左侧耳机菜单区域结束	


// 轮播图下面区域开始
$('#middle .logo2 .left1').hover(function() {
	$(this).css({'background':' #EEEEEE'});//鼠标移入之后
	$('#middle .logo2 .zuo').css({'background':'url(images/15.png) no-repeat -6px -5px'});
}, function() {
	$(this).css({'background':'white'});//鼠标移开之后
	$('#middle .logo2 .zuo').css({'background':'url(images/1.png) no-repeat -91px -50px'});
});


$('#middle .logo2 .left2').hover(function() {
	$(this).css({'background':' #EEEEEE'});
	$('#middle .logo2 .you').css({'background':'url(images/15.png) no-repeat -6px -42px'});
}, function() {
	$(this).css({'background':'white'});
	$('#middle .logo2 .you').css({'background':'url(images/1.png) no-repeat -60px -50px'});
});


//给鼠标加点击事件让图片右移
var l=0;
$('#middle .logo2 .left1').click(function() {
	l++;
	if(l==6){
		l=0;
	}
	$('#middle .logo2 .b').stop().animate({'right':-606*l}, 600);
});

//给鼠标加点击事件让图片左移

$('#middle .logo2 .left2').click(function() {	
	l--
	if(l==-1){
		l=5;
	}
	$('#middle .logo2 .b').stop().animate({'right':-606*l}, 600);
	// $('#middle .logo2 .b').animate({'left':606*l}, 600);
	
	
});





// 轮播图下面区域结束	



// 生活区域开始
// 给div加移入事件
$('#shenghuo div').mouseenter(function(){
		s = $(this).index();//获得当前div序号
		$('#shenghuo .move').eq(s).stop().animate({'left':'-10px'},400);//鼠标移入时图片向左移动
	});
$('#shenghuo div').mouseleave(function() {
		
		$('#shenghuo .move').eq(s).stop().animate({'left':'0px'},400);//鼠标离开时图片回到原位
	
	
});

// 生活区域结束


// 第一层区域开始
// 给标题加移动事件
$('#f1 .title').mouseenter(function() {
	 var a=$(this).index()//获得当前title序号
	 // alert(a);
	 // alert(a);
	 $('#f1 span').eq(a+1).css({'color':'#E4393C'}).siblings('span').css({'color':'#666666'});
	$('#f1 .move').stop().animate({'left':210+158*(a-3)},400);//鼠标移入时图片向右移动
	$('#goods1 .center').eq(a-3).show().siblings(' .center').hide();//相应的DIV显示，其他的隐藏

	
});
// 给第一层中间的大图加入鼠标移入事件
$('#goods1 .center ul li').mouseenter(function() {
	 var f1=$(this).index();//获得当前li序号
	 $('#goods1 .center ul li').eq(f1).css({'background':'#7ABD54'}).siblings('li').css({'background':'#999999'});//使相应的li变色
	$('#goods1  .center .iphone  a').stop().animate({'left':-473*f1}, 400);//让a的left值进行变化

	
});
// 给第一层右边图片加入鼠标移入事件
$('#goods1 .right .lg3 ul li').mouseenter(function() {
	var f1=$(this).index();//获得当前li序号
	 $('#goods1 .right .lg3 ul li').eq(f1).css({'background':'#7ABD54'}).siblings('li').css({'background':'#999999'});//使相应的li变色
	$('#goods1  .right .lg3  a').stop().animate({'left':-209*f1}, 400);//让a的left值进行变化



});	
	
//给特价商品加移入事件
$('#goods1 .center .tj .pic').hover(function() {
	$(this).css({'opacity':'0.7'});//移入变白
}, function() {
	$(this).css({'opacity':'1'});//移出后变回
});




// 二层开始
// // 给标题加移动事件
$('#f2 .title').mouseenter(function() {
	 var a=$(this).index()//获得当前title序号
	 // alert(a);
	 // alert(a);
	 $('#f2 span').eq(a+1).css({'color':'#E4393C'}).siblings('span').css({'color':'#666666'});
	$('#f2 .move').stop().animate({'left':210+158*(a-3)},400);//鼠标移入时图片向右移动
	$('#goods2 .center').eq(a-3).show().siblings(' .center').hide();//让a的left值进行变化

	
});

// 给第二层中间的大图加入鼠标移入事件
$('#goods2 .center ul li').mouseenter(function() {
	 var f1=$(this).index();//获得当前li序号
	 $('#goods2 .center ul li').eq(f1).css({'background':'#7ABD54'}).siblings('li').css({'background':'#999999'});//使相应的li变色
	$('#goods2  .center .iphone  a').stop().animate({'left':-473*f1}, 400);//让a的left值进行变化

	
});

//给特价商品图片加移入事件
$('#goods2 .center .tj .pic').hover(function() {
	$(this).css({'opacity':'0.7'});//移入变白
}, function() {
	$(this).css({'opacity':'1'});//移出后变回
});
// 给第二层右边图片加入鼠标移入事件
$('#goods2 .right .lg3 ul li').mouseenter(function() {
	var f1=$(this).index();//获得当前li序号
	 $('#goods2 .right .lg3 ul li').eq(f1).css({'background':'#7ABD54'}).siblings('li').css({'background':'#999999'});//使相应的li变色
	$('#goods2  .right .lg3  a').stop().animate({'left':-209*f1}, 400);//让a的left值进行变化



});

// 三层开始

 // 给标题加移动事件
$('#f3 .title').mouseenter(function() {
	 var a=$(this).index()//获得当前title序号
	 // alert(a);
	 // alert(a);
	 $('#f3 span').eq(a+1).css({'color':'#E4393C'}).siblings('span').css({'color':'#666666'});
	$('#f3 .move').stop().animate({'left':210+158*(a-3)},400);//鼠标移入时图片向右移动
	$('#goods3 .center').eq(a-3).show().siblings(' .center').hide();//相应的标题内容出现，其他内容隐藏

	
});
// 给特价商品图片加移入事件
$('#goods3 .center .left_1 img').hover(function() {
	$(this).stop().animate({'left':'-10px'},400);
		
}, function() {
	$(this).stop().animate({'left':'0px'},400);//鼠标移入时图片向左移动
	
});

// 鼠标移入时图片透明度变化
$('#goods3 .center .left_1 ').mouseenter(function() {
	$(this).fadeTo(0,1);
	$(this).siblings().fadeTo(0,0.8);

});
$('#goods3 .center .left_1').mouseleave(function() {
	$(this).siblings().fadeTo(0,1);//鼠标移出时，回复原色
	
});
	
// 给第三层右边图片加入鼠标移入事件
$('#goods3 .right .lg3 ul li').mouseenter(function() {
	var f1=$(this).index();//获得当前li序号
	 $('#goods3 .right .lg3 ul li').eq(f1).css({'background':'#7ABD54'}).siblings('li').css({'background':'#999999'});//使相应的li变色
	$('#goods3  .right .lg3  a').stop().animate({'left':-209*f1}, 400);//让a的left值进行变化



});	

// 四层区域开始
// 给标题加移动事件
$('#f4 .title').mouseenter(function() {
	 var a=$(this).index()//获得当前title序号
	 // alert(a);
	 // alert(a);
	 $('#f4 span').eq(a+1).css({'color':'#E4393C'}).siblings('span').css({'color':'#666666'});
	$('#f4 .move').stop().animate({'left':210+158*(a-3)},400);//鼠标移入时图片向右移动
	$('#goods4 .center').eq(a-3).show().siblings(' .center').hide();//相应的标题内容出现，其他内容隐藏

	
});
// 给第四层中间的大图加入鼠标移入事件
$('#goods4 .center ul li').mouseenter(function() {
	 var f1=$(this).index();//获得当前li序号
	 $('#goods4 .center ul li').eq(f1).css({'background':'#7ABD54'}).siblings('li').css({'background':'#999999'});//使相应的li变色
	$('#goods4  .center .iphone  a').stop().animate({'left':-473*f1}, 400);//让a的left值进行变化

	
});
// 给第4层右边图片加入鼠标移入事件
$('#goods4 .right .lg3 ul li').mouseenter(function() {
	var f1=$(this).index();//获得当前li序号
	 $('#goods4 .right .lg3 ul li').eq(f1).css({'background':'#7ABD54'}).siblings('li').css({'background':'#999999'});//使相应的li变色
	$('#goods4  .right .lg3  a').stop().animate({'left':-209*f1}, 400);//让a的left值进行变化



});
//给特价商品图片加移入事件
$('#goods4 .center .tj .pic').hover(function() {
	$(this).css({'opacity':'0.7'});//移入变白
}, function() {
	$(this).css({'opacity':'1'});//移出后变回
});	

// 四层区域结束


// 五层开始	
$('#f5 .title').mouseenter(function() {
	 var a=$(this).index()//获得当前title序号
	 // alert(a);
	 // alert(a);
	 $('#f5 span').eq(a+1).css({'color':'#E4393C'}).siblings('span').css({'color':'#666666'});
	$('#f5 .move').stop().animate({'left':210+158*(a-3)},400);//鼠标移入时图片向右移动
	$('#goods5 .center').eq(a-3).show().siblings(' .center').hide();//相应的标题内容出现，其他内容隐藏

	
});
// 给第5层中间的大图加入鼠标移入事件
$('#goods5 .center ul li').mouseenter(function() {
	 var f1=$(this).index();//获得当前li序号
	 $('#goods5 .center ul li').eq(f1).css({'background':'#7ABD54'}).siblings('li').css({'background':'#999999'});//使相应的li变色
	$('#goods5  .center .iphone  a').stop().animate({'left':-473*f1}, 400);//让a的left值进行变化

	
});
// 给第5层右边图片加入鼠标移入事件
$('#goods5 .right .lg3 ul li').mouseenter(function() {
	var f1=$(this).index();//获得当前li序号
	 $('#goods5 .right .lg3 ul li').eq(f1).css({'background':'#7ABD54'}).siblings('li').css({'background':'#999999'});//使相应的li变色
	$('#goods5  .right .lg3  a').stop().animate({'left':-209*f1}, 400);//让a的left值进行变化

});
//给特价商品图片加移入事件
$('#goods5 .center .tj .pic').hover(function() {
	$(this).css({'opacity':'0.7'});//移入变白
}, function() {
	$(this).css({'opacity':'1'});//移出后变回
});


// 六层开始
$('#f6 .title').mouseenter(function() {
	 var a=$(this).index()//获得当前title序号
	 // alert(a);
	 // alert(a);
	 $('#f6 span').eq(a+1).css({'color':'#E4393C'}).siblings('span').css({'color':'#666666'});
	$('#f6 .move').stop().animate({'left':210+158*(a-3)},400);//鼠标移入时图片向右移动
	$('#goods6 .center').eq(a-3).show().siblings(' .center').hide();//相应的标题内容出现，其他内容隐藏

	
});
// 给第6层中间的大图加入鼠标移入事件
$('#goods6 .center ul li').mouseenter(function() {
	 var f1=$(this).index();//获得当前li序号
	 $('#goods6 .center ul li').eq(f1).css({'background':'#7ABD54'}).siblings('li').css({'background':'#999999'});//使相应的li变色
	$('#goods6  .center .iphone  a').stop().animate({'left':-473*f1}, 400);//让a的left值进行变化

	
});
// 给第6层右边图片加入鼠标移入事件
$('#goods6 .right .lg3 ul li').mouseenter(function() {
	var f1=$(this).index();//获得当前li序号
	 $('#goods6 .right .lg3 ul li').eq(f1).css({'background':'#7ABD54'}).siblings('li').css({'background':'#999999'});//使相应的li变色
	$('#goods6  .right .lg3  a').stop().animate({'left':-209*f1}, 400);//让a的left值进行变化

});
//给特价商品图片加移入事件
$('#goods6 .center .tj .pic').hover(function() {
	$(this).css({'opacity':'0.7'});//移入变白
}, function() {
	$(this).css({'opacity':'1'});//移出后变回
});
// 六层结束
 


// 七层开始
$('#f7 .title').mouseenter(function() {
	 var a=$(this).index()//获得当前title序号
	 // alert(a);
	 // alert(a);
	 $('#f7 span').eq(a+1).css({'color':'#E4393C'}).siblings('span').css({'color':'#666666'});
	$('#f7 .move').stop().animate({'left':210+158*(a-3)},400);//鼠标移入时图片向右移动
	$('#goods7 .center').eq(a-3).show().siblings(' .center').hide();//相应的标题内容出现，其他内容隐藏

	
});
// 给第7层中间的大图加入鼠标移入事件
$('#goods7 .center ul li').mouseenter(function() {
	 var f1=$(this).index();//获得当前li序号
	 $('#goods7 .center ul li').eq(f1).css({'background':'#7ABD54'}).siblings('li').css({'background':'#999999'});//使相应的li变色
	$('#goods7  .center .iphone  a').stop().animate({'left':-473*f1}, 400);//让a的left值进行变化

	
});

// 给第7层右边图片加入鼠标移入事件
$('#goods7 .right .lg3 ul li').mouseenter(function() {
	var f1=$(this).index();//获得当前li序号
	 $('#goods7 .right .lg3 ul li').eq(f1).css({'background':'#7ABD54'}).siblings('li').css({'background':'#999999'});//使相应的li变色
	$('#goods7  .right .lg3  a').stop().animate({'left':-209*f1}, 400);//让a的left值进行变化



});
//给特价商品图片加移入事件
$('#goods7 .center .tj .pic').hover(function() {
	$(this).css({'opacity':'0.7'});//移入变白
}, function() {
	$(this).css({'opacity':'1'});//移出后变回
});	

// 七层结束


// 八层区域开始
$('#f8 .title').mouseenter(function() {
	 var a=$(this).index()//获得当前title序号
	 // alert(a);
	 // alert(a);
	 $('#f8 span').eq(a+1).css({'color':'#E4393C'}).siblings('span').css({'color':'#666666'});
	$('#f8 .move').stop().animate({'left':210+158*(a-3)},400);//鼠标移入时图片向右移动
	$('#goods8 .center').eq(a-3).show().siblings(' .center').hide();//相应的标题内容出现，其他内容隐藏

	
});

// 右边小三角移动
$('#f8 .title2').mouseenter(function() {
	 var a=$(this).index()//获得当前title序号
	 // alert(a);
	 // alert(a);
	 $('#f8 .right span').eq(a).css({'color':'#E4393C'}).siblings('span').css({'color':'#666666'});
	$('#f8 .move2').stop().animate({'right':160-40*a},400);//鼠标移入时图片向右移动
	$('#goods8 .right').eq(a).show().siblings(' .right').hide();//相应的标题内容出现，其他内容隐藏

	
});






// 给第8层中间的大图加入鼠标移入事件
$('#goods8 .center ul li').mouseenter(function() {
	 var f1=$(this).index();//获得当前li序号
	 $('#goods8 .center ul li').eq(f1).css({'background':'#7ABD54'}).siblings('li').css({'background':'#999999'});//使相应的li变色
	$('#goods8  .center .iphone  a').stop().animate({'left':-473*f1}, 400);//让a的left值进行变化

	
});

// 给第8层右边图片加入鼠标移入事件
$('#goods8 .right .lg3 ul li').mouseenter(function() {
	var f1=$(this).index();//获得当前li序号
	 $('#goods8 .right .lg3 ul li').eq(f1).css({'background':'#7ABD54'}).siblings('li').css({'background':'#999999'});//使相应的li变色
	$('#goods8  .right .lg3  a').stop().animate({'left':-209*f1}, 400);//让a的left值进行变化



});
//给特价商品图片加移入事件
$('#goods8 .center .tj .pic').hover(function() {
	$(this).css({'opacity':'0.7'});//移入变白
}, function() {
	$(this).css({'opacity':'1'});//移出后变回
});	
// 八层区域结束





// 给底部晒单左边区域加入效果
setInterval(function(){
$('#bottom1 .hot1 ul  li').last().height(0);
$('#bottom1 .hot1 ul').prepend($('#bottom1 .hot1 ul li').last());
$('#bottom1 .hot1 ul li').first().animate({'height':'80px'}, 600);
},4000)
// 给底部晒单右边区域加入效果
setInterval(function(){
$('#bottom1 .hot2 ul li').last().height(0);
$('#bottom1 .hot2 ul ').prepend($('#bottom1 .hot2 ul  li').last());
$('#bottom1 .hot2 ul li').first().animate({'height':'80px'},600);
},4000)
})





